.video-middle .l-m-b {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 15px;
  height: 50px;
  background-color: #f1f1f1;
}

.video-middle .l-m-b .lmb-l {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 280px;
}

.video-middle .l-m-b a {
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  cursor: pointer;
}

.video-middle .l-m-b ul {
  float: left;
  padding-top: 9px;
  padding-bottom: 8px;
}

.video-middle .l-m-b .lmb-l-tools {
  width: 98%;
  border-right: 1px solid #27435b;
}

.video-middle .l-m-b li {
  float: left;
  margin: 0 8px;
  padding: 5px 5px;
  overflow: hidden;
}

.video-middle .l-m-b li.volue {
  position: relative;
  width: 80px;
  margin: 0;
}

.video-middle .l-m-b li.volue .ui-slider {
  position: absolute;
  top: 16px;
  left: 0;
  width: 75px;
  height: 2px;
  background-color: #779bb7;
}

.video-middle .l-m-b li.volue .ui-slider-range {
  position: absolute;
  /* top: 16px; */
  left: 0;
  width: 80px;
  height: 2px;
  background-color: #00e3ff;
}

.video-middle .l-m-b li.volue .ui-slider-handle {
  position: absolute;
  left: 0;
  top: -4px;
  width: 10px;
  height: 10px;
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: 0 -470px;
  z-index: 9;
  cursor: pointer;
}

.video-middle .l-m-b li.volue .line {
  position: absolute;
  top: 16px;
  left: 0;
  width: 80px;
  height: 2px;
  background-color: #779bb7;
}

.video-middle .l-m-b li.volue .line-btn {
  position: absolute;
  left: 0;
  top: 12px;
  width: 10px;
  height: 10px;
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: 0 -470px;
  z-index: 9;
  cursor: pointer;
}

.video-middle .l-m-b .lmb-l-tools li {
  margin: 0 20px;
}

.video-middle .l-m-b li.active {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: 0 -275px;
}

.video-middle .l-m-b li.volue:hover {
  background-image: none;
}

.video-middle .l-m-b .lmb-r {
  position: absolute;
  left: 0;
}

.video-middle .l-m-b .lbm-l-left,
.video-middle .l-m-b .lbm-l-right {
  position: absolute;
  top: 14px;
  width: 10px;
  height: 21px;
  padding: 0 10px;
  cursor: pointer;
}

.video-middle .l-m-b .lbm-l-left {
  left: 0;
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -35px -285px;
}

.video-middle .l-m-b .lbm-l-right {
  right: 10px;
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -55px -285px;
}

.video-middle .l-m-b .pf {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: 0 -319px;
}

.video-middle .l-m-b .stk {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: 0 -345px;
}

.video-middle .l-m-b .kj {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: 0 -368px;
}

.video-middle .l-m-b .wj {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: 0 -400px;
}

.video-middle .l-m-b .qq {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: 0 -425px;
}

.video-middle .l-m-b .ly {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -40px -318px;
}

.video-middle .l-m-b .exit {
  background-image: url(~@views/live/cc/assets/images/live-icons2.png);
  background-repeat: no-repeat;
  background-position: -80px -343px;
}

.video-middle .l-m-b .wl {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -40px -343px;
}

.video-middle .l-m-b .gm {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -40px -343px;
}

.video-middle .l-m-b .sp {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -40px -440px;
}

.video-middle .l-m-b .sp.btn-video-close {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -90px -440px;
}

.video-middle .l-m-b .qh {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -40px -369px;
}

.video-middle .l-m-b .sy {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -40px -420px;
}

.video-middle .l-m-b .jy {
  background-image: url(~@views/live/cc/assets/images/live-icons.png);
  background-repeat: no-repeat;
  background-position: -40px -397px;
}
#streamQuality {
  button {
    cursor: pointer;
  }
  .btn {
    border: 1px solid blue;
    box-sizing: border-box;
  }
}
